//---------------------------------------
//定义layui组件
//---------------------------------------
if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
    var  titleconText_wrap= document.querySelector('.titleconText_wrap')
    titleconText_wrap.style='display:none'
}else {
    var  titleconText_wrap= document.querySelector('.titleconText_wrap')
    titleconText_wrap.style='display:block'
}



//注意：导航 依赖 element 模块，否则无法进行功能性操作
layui.use('element', function() {
    var element = layui.element;
  
    //…
  });
  
  layui.use('carousel', function() {
    var carousel = layui.carousel;
    //建造实例
    carousel.render({
        elem: '#test1',
        width: '100%' //设置容器宽度
            ,
        arrow: 'always' //始终显示箭头
        //,anim: 'updown' //切换动画方式
    });
  });
  
  layui.use(['laypage', 'layer'], function() {
    var laypage = layui.laypage,
        layer = layui.layer;
    //总页数低于页码总数
    laypage.render({
        elem: 'pageNav',
        count: 60 //数据总数
    });
  
    laypage.render({
        elem: 'pageNav',
        count: 60 //数据总数，从服务端得到
            ,
        jump: function(obj, first) {
            //obj包含了当前分页的所有参数，比如：
            console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
            console.log(obj.limit); //得到每页显示的条数
            let n = obj.curr;
            switch (n) {
                case 1:

                    // var img=" <img src='asset/img/p0.jpg' alt=''>";               // 以 HTML 创建新元素
                    // var txt2=$("<img></img>").text("Text.");   // 以 jQuery 创建新元素
                    var img=document.createElement("img");  // 以 DOM 创建新元素
                 

                    $('.rowDiv').eq(0).find('h3').text('01-第一单元创建新元素');
                    // $('.rowDiv').eq(0).find('.conTextP').text('语音(1)');
                    // $('.rowDiv .thumbnail').eq(0).attr('src', 'asset/img/p1.jpg');
                    // $('.rowDiv .thumbnail').eq(0).attr('src', 'asset/bg_img/bg1.jpg');
                    // $('.rowDiv .thumbnail').eq(0).attr('src', 'asset/project_img/01.gif');
                    // $('.rowDiv').eq(0).css('backgroundImage', 'url(asset/img/p1.jpg) ');
                    $('.rowDiv').eq(0).css('backgroundImage', 'url(asset/project_img/01.gif) ');
                    // $(".rowDiv ").eq(0).append(img);  
                    // $('.rowDiv ').eq(0).find('img').attr('src', 'asset/img/p0.jpg');


                    $('.rowDiv').eq(1).find('h3').text('第二课');
                    $('.rowDiv').eq(1).find('.conTextP').text('语音(2)');
                    // $('.rowDiv').eq(1).css('backgroundImage', 'url(asset/img/p1.jpg)');
                    $('.rowDiv').eq(1).css('backgroundImage', 'url(asset/bg_img/bg1.jpg)');
                    // $('.rowDiv .thumbnail').eq(1).attr('src', 'asset/img/p1.jpg');


                    $('.rowDiv').eq(2).find('h3').text('第三课');
                    $('.rowDiv').eq(2).find('.conTextP').text('语音(3)');
                    $('.rowDiv').eq(2).css('backgroundImage', 'url(asset/img/p2.jpg)');
                    $('.rowDiv').eq(3).find('h3').text('第四课');
                    $('.rowDiv').eq(3).find('.conTextP').text('自己紹介（じこ しょうかい）');
                    $('.rowDiv').eq(3).css('backgroundImage', 'url(asset/img/p3.jpg)');
                    $('.rowDiv').eq(4).find('h3').text('第五课');
                    $('.rowDiv').eq(4).find('.conTextP').text('家族（かぞく）');
                    $('.rowDiv').eq(4).css('backgroundImage', 'url(asset/img/p4.jpg)');
                    $('.rowDiv').eq(5).find('h3').text('第六课');
                    $('.rowDiv').eq(5).find('.conTextP').text('学校案内（がっこうあんない）');
                    $('.rowDiv').eq(5).css('backgroundImage', 'url(asset/img/p5.jpg)');
                    $('.rowDiv').eq(6).find('h3').text('第七课');
                    $('.rowDiv').eq(6).find('.conTextP').text('一日の生活（いちにちのせいかつ）');
                    $('.rowDiv').eq(6).css('backgroundImage', 'url(asset/img/p8.jpg)');
                    $('.rowDiv').eq(7).find('h3').text('第八课');
                    $('.rowDiv').eq(7).find('.conTextP').text('学園祭（がくえんさい）');
                    $('.rowDiv').eq(7).css('backgroundImage', 'url(asset/img/p7.jpg)');
                    $('.rowDiv').eq(8).find('h3').text('第九课');
                    $('.rowDiv').eq(8).find('.conTextP').text('アパート');
                    $('.rowDiv').eq(8).css('backgroundImage', 'url(asset/img/p8.jpg)');
                    break;
                case 2:
                    $('.rowDiv').eq(0).find('h3').text('第十课');
                    $('.rowDiv').eq(0).find('.conTextP').text('季節と天気（きせつとてんき）');
                    $('.rowDiv').eq(0).css('backgroundImage', 'url(asset/img/p9.jpg)');
                    $('.rowDiv').eq(0).find('a').attr('href', './html/main_10.html');
                    $('.rowDiv').eq(1).find('h3').text('第十一课');
                    $('.rowDiv').eq(1).find('.conTextP').text('誘い（さそい）');
                    $('.rowDiv').eq(1).css('backgroundImage', 'url(asset/img/p10.jpg)');
                    $('.rowDiv').eq(1).find('a').attr('href', './html/main_11.html');
                    $('.rowDiv').eq(2).find('h3').text('第十二课');
                    $('.rowDiv').eq(2).find('.conTextP').text('買い物（かいもの）');
                    $('.rowDiv').eq(2).css('backgroundImage', 'url(asset/img/p11.jpg)');
                    $('.rowDiv').eq(2).find('a').attr('href', './html/main_12.html');
                    $('.rowDiv').eq(3).find('h3').text('第十三课');
                    $('.rowDiv').eq(3).find('.conTextP').text('レストランで');
                    $('.rowDiv').eq(3).css('backgroundImage', 'url(asset/img/p12.jpg)');
                    $('.rowDiv').eq(4).find('h3').text('第十四课');
                    $('.rowDiv').eq(4).find('.conTextP').text('研究室で（けんきゅう しつで）');
                    $('.rowDiv').eq(4).css('backgroundImage', 'url(asset/img/p13.jpg)');
                    $('.rowDiv').eq(4).find('a').attr('href', './html/main_13.html');
                    $('.rowDiv').eq(5).find('h3').text('第十五课');
                    $('.rowDiv').eq(5).find('.conTextP').text('クリスマスプレゼント');
                    $('.rowDiv').eq(5).css('backgroundImage', 'url(asset/img/p14.jpg)');
                    $('.rowDiv').eq(5).find('a').attr('href', './html/main_14.html');
                    $('.rowDiv').eq(6).find('h3').text('第十六课');
                    $('.rowDiv').eq(6).find('.conTextP').text('私の国');
                    $('.rowDiv').eq(6).css('backgroundImage', 'url(asset/img/p15.jpg)');
                    $('.rowDiv').eq(6).find('a').attr('href', './html/main_15.html');
                    $('.rowDiv').eq(7).find('h3').text('第十七课');
                    $('.rowDiv').eq(7).find('.conTextP').text('日本での留学生活');
                    $('.rowDiv').eq(7).css('backgroundImage', 'url(asset/img/p8.jpg)');
                    $('.rowDiv').eq(7).find('a').attr('href', './html/main_16.html');
                    $('.rowDiv').eq(8).find('h3').text('第十八课');
                    $('.rowDiv').eq(8).find('.conTextP').text('私が');
                    $('.rowDiv').eq(8).css('backgroundImage', 'url(asset/img/p7.jpg)');
                    $('.rowDiv').eq(8).find('a').attr('href', './html/main_17.html');
                    break;
                case 3:
                    $('.rowDiv').eq(0).find('h3').text('第???课');
                    $('.rowDiv').eq(0).find('.conTextP').text('当前还没有内容哦！(*╹▽╹*)');
                    $('.rowDiv').eq(0).css('backgroundImage', 'url(asset/img/p18.jpg)');
                    $('.rowDiv').eq(1).find('h3').text('第???课');
                    $('.rowDiv').eq(1).find('.conTextP').text('当前还没有内容哦！(*╹▽╹*)');
                    $('.rowDiv').eq(1).css('backgroundImage', 'url(asset/img/p9.jpg)');
                    $('.rowDiv').eq(2).find('h3').text('第???课');
                    $('.rowDiv').eq(2).find('.conTextP').text('当前还没有内容哦！(*╹▽╹*)');
                    $('.rowDiv').eq(2).css('backgroundImage', 'url(asset/img/p2.jpg)');
                    $('.rowDiv').eq(3).find('h3').text('第???课');
                    $('.rowDiv').eq(3).find('.conTextP').text('当前还没有内容哦！(*╹▽╹*)');
                    $('.rowDiv').eq(3).css('backgroundImage', 'url(asset/img/p21.jpg)');
                    $('.rowDiv').eq(4).find('h3').text('第???课');
                    $('.rowDiv').eq(4).find('.conTextP').text('当前还没有内容哦！(*╹▽╹*)');
                    $('.rowDiv').eq(4).css('backgroundImage', 'url(asset/img/p2.jpg)');
                    $('.rowDiv').eq(5).find('h3').text('第???课');
                    $('.rowDiv').eq(5).find('.conTextP').text('当前还没有内容哦！(*╹▽╹*)');
                    $('.rowDiv').eq(5).css('backgroundImage', 'url(asset/img/p1.jpg)');
                    $('.rowDiv').eq(6).find('h3').text('第???课');
                    $('.rowDiv').eq(6).find('.conTextP').text('当前还没有内容哦！(*╹▽╹*)');
                    $('.rowDiv').eq(6).css('backgroundImage', 'url(asset/img/p4.jpg)');
                    $('.rowDiv').eq(7).find('h3').text('第???课');
                    $('.rowDiv').eq(7).find('.conTextP').text('当前还没有内容哦！(*╹▽╹*)');
                    $('.rowDiv').eq(7).css('backgroundImage', 'url(asset/img/p5.jpg)');
                    $('.rowDiv').eq(8).find('h3').text('第???课');
                    $('.rowDiv').eq(8).find('.conTextP').text('当前还没有内容哦！(*╹▽╹*)');
                    $('.rowDiv').eq(8).css('backgroundImage', 'url(asset/img/p8.jpg)');
                    break;
                case 4:
                    $('.rowDiv').eq(0).find('h3').text('第???课');
                    $('.rowDiv').eq(0).find('.conTextP').text('当前还没有内容哦！(*╹▽╹*)');
                    $('.rowDiv').eq(0).css('backgroundImage', 'url(asset/img/p7.jpg)');
                    $('.rowDiv').eq(1).find('h3').text('第???课');
                    $('.rowDiv').eq(1).find('.conTextP').text('当前还没有内容哦！(*╹▽╹*)');
                    $('.rowDiv').eq(1).css('backgroundImage', 'url(asset/img/p8.jpg)');
                    $('.rowDiv').eq(2).find('h3').text('第???课');
                    $('.rowDiv').eq(2).find('.conTextP').text('当前还没有内容哦！(*╹▽╹*)');
                    $('.rowDiv').eq(2).css('backgroundImage', 'url(asset/img/p9.jpg)');
                    $('.rowDiv').eq(3).find('h3').text('第???课');
                    $('.rowDiv').eq(3).find('.conTextP').text('当前还没有内容哦！(*╹▽╹*)');
                    $('.rowDiv').eq(3).css('backgroundImage', 'url(asset/img/p0.jpg)');
                    $('.rowDiv').eq(4).find('h3').text('第???课');
                    $('.rowDiv').eq(4).find('.conTextP').text('当前还没有内容哦！(*╹▽╹*)');
                    $('.rowDiv').eq(4).css('backgroundImage', 'url(asset/img/p1.jpg)');
                    $('.rowDiv').eq(5).find('h3').text('第???课');
                    $('.rowDiv').eq(5).find('.conTextP').text('当前还没有内容哦！(*╹▽╹*)');
                    $('.rowDiv').eq(5).css('backgroundImage', 'url(asset/img/p12.jpg)');
                    $('.rowDiv').eq(6).find('h3').text('第???课');
                    $('.rowDiv').eq(6).find('.conTextP').text('当前还没有内容哦！(*╹▽╹*)');
                    $('.rowDiv').eq(6).css('backgroundImage', 'url(asset/img/p13.jpg)');
                    $('.rowDiv').eq(7).find('h3').text('第???课');
                    $('.rowDiv').eq(7).find('.conTextP').text('当前还没有内容哦！(*╹▽╹*)');
                    $('.rowDiv').eq(7).css('backgroundImage', 'url(asset/img/p14.jpg)');
                    $('.rowDiv').eq(8).find('h3').text('第???课');
                    $('.rowDiv').eq(8).find('.conTextP').text('当前还没有内容哦！(*╹▽╹*)');
                    $('.rowDiv').eq(8).css('backgroundImage', 'url(asset/img/p15.jpg)');
                    break;
                case 5:
                    $('.rowDiv').eq(0).find('h3').text('第???课');
                    $('.rowDiv').eq(0).find('.conTextP').text('当前还没有内容哦！(*╹▽╹*)');
                    $('.rowDiv').eq(0).css('backgroundImage', 'url(asset/img/p6.jpg)');
                    $('.rowDiv').eq(0).find('h3').text('第???课');
                    $('.rowDiv').eq(0).find('.conTextP').text('当前还没有内容哦！(*╹▽╹*)');
                    $('.rowDiv').eq(1).css('backgroundImage', 'url(asset/img/p7.jpg)');
                    $('.rowDiv').eq(0).find('h3').text('第???课');
                    $('.rowDiv').eq(0).find('.conTextP').text('当前还没有内容哦！(*╹▽╹*)');
                    $('.rowDiv').eq(2).css('backgroundImage', 'url(asset/img/p18.jpg)');
                    $('.rowDiv').eq(0).find('h3').text('第???课');
                    $('.rowDiv').eq(0).find('.conTextP').text('当前还没有内容哦！(*╹▽╹*)');
                    $('.rowDiv').eq(3).css('backgroundImage', 'url(asset/img/p9.jpg)');
                    $('.rowDiv').eq(0).find('h3').text('第???课');
                    $('.rowDiv').eq(0).find('.conTextP').text('当前还没有内容哦！(*╹▽╹*)');
                    $('.rowDiv').eq(4).css('backgroundImage', 'url(asset/img/p10.jpg)');
                    $('.rowDiv').eq(0).find('h3').text('第???课');
                    $('.rowDiv').eq(0).find('.conTextP').text('当前还没有内容哦！(*╹▽╹*)');
                    $('.rowDiv').eq(5).css('backgroundImage', 'url(asset/img/p11.jpg)');
                    $('.rowDiv').eq(0).find('h3').text('第???课');
                    $('.rowDiv').eq(0).find('.conTextP').text('当前还没有内容哦！(*╹▽╹*)');
                    $('.rowDiv').eq(6).css('backgroundImage', 'url(asset/img/p12.jpg)');
                    $('.rowDiv').eq(0).find('h3').text('第???课');
                    $('.rowDiv').eq(0).find('.conTextP').text('当前还没有内容哦！(*╹▽╹*)');
                    $('.rowDiv').eq(7).css('backgroundImage', 'url(asset/img/p3.jpg)');
                    $('.rowDiv').eq(0).find('h3').text('第???课');
                    $('.rowDiv').eq(0).find('.conTextP').text('当前还没有内容哦！(*╹▽╹*)');
                    $('.rowDiv').eq(8).css('backgroundImage', 'url(asset/img/p4.jpg)');
                    break;
                case 6:
                    $('.rowDiv').eq(0).find('h3').text('第???课');
                    $('.rowDiv').eq(0).find('.conTextP').text('当前还没有内容哦！(*╹▽╹*)');
                    $('.rowDiv').eq(0).css('backgroundImage', 'url(asset/img/p6.jpg)');
                    $('.rowDiv').eq(0).find('h3').text('第???课');
                    $('.rowDiv').eq(0).find('.conTextP').text('当前还没有内容哦！(*╹▽╹*)');
                    $('.rowDiv').eq(1).css('backgroundImage', 'url(asset/img/p7.jpg)');
                    $('.rowDiv').eq(0).find('h3').text('第???课');
                    $('.rowDiv').eq(0).find('.conTextP').text('当前还没有内容哦！(*╹▽╹*)');
                    $('.rowDiv').eq(2).css('backgroundImage', 'url(asset/img/p18.jpg)');
                    $('.rowDiv').eq(0).find('h3').text('第???课');
                    $('.rowDiv').eq(0).find('.conTextP').text('当前还没有内容哦！(*╹▽╹*)');
                    $('.rowDiv').eq(3).css('backgroundImage', 'url(asset/img/p9.jpg)');
                    $('.rowDiv').eq(0).find('h3').text('第???课');
                    $('.rowDiv').eq(0).find('.conTextP').text('当前还没有内容哦！(*╹▽╹*)');
                    $('.rowDiv').eq(4).css('backgroundImage', 'url(asset/img/p10.jpg)');
                    $('.rowDiv').eq(0).find('h3').text('第???课');
                    $('.rowDiv').eq(0).find('.conTextP').text('当前还没有内容哦！(*╹▽╹*)');
                    $('.rowDiv').eq(5).css('backgroundImage', 'url(asset/img/p11.jpg)');
                    $('.rowDiv').eq(0).find('h3').text('第???课');
                    $('.rowDiv').eq(0).find('.conTextP').text('当前还没有内容哦！(*╹▽╹*)');
                    $('.rowDiv').eq(6).css('backgroundImage', 'url(asset/img/p12.jpg)');
                    $('.rowDiv').eq(0).find('h3').text('第???课');
                    $('.rowDiv').eq(0).find('.conTextP').text('当前还没有内容哦！(*╹▽╹*)');
                    $('.rowDiv').eq(7).css('backgroundImage', 'url(asset/img/p3.jpg)');
                    $('.rowDiv').eq(0).find('h3').text('第???课');
                    $('.rowDiv').eq(0).find('.conTextP').text('当前还没有内容哦！(*╹▽╹*)');
                    $('.rowDiv').eq(8).css('backgroundImage', 'url(asset/img/p4.jpg)');
                    break;
                default:
                    break;
            }
            //首次不执行
            if (!first) {
                //do something
            }
        }
    });
  })
  
  layui.use('layer', function() { //独立版的layer无需执行这一句
    var $ = layui.jquery,
        layer = layui.layer; //独立版的layer无需执行这一句
    //触发事件
    layuiNotice = () => {
        console.log('社区')
        layer.open({
            type: 1,
            title: false //不显示标题栏
                ,
            closeBtn: false,
            area: '300px;',
            shade: 0.8,
            id: 'LAY_layuipro' //设定一个id，防止重复弹出
                ,
            btn: ['本大人知道了']
                // , btn: ['本大人知道了', '？？？']
                ,
            btnAlign: 'c',
            moveType: 1 //拖拽模式，0或者1
                ,
            content: `<div style="padding: 50px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;">
                您好！大人<br><br>日语学习 只是作为SA的一个分支网站，由于我们刚刚起步，预计2021年正式投入使用，目前该分支网站处于测试期，暂时无法提供连接SA社区的服务
                <br><br>
                大人，敬请期待我们的SA(共享方舟)的建设，毕竟投入15个网站运行的生态系统需要很大的工作量。
                <br><br>
                来自社会底层备受嘲笑的我们仍在努力改变命运！</div>`
        });
    }

 
    var active = {
        notice: function() {
            //示范一个公告层
            layer.open({
                type: 1,
                title: false //不显示标题栏
                    ,
                closeBtn: false,
                area: '300px;',
                shade: 0.8,
                id: 'LAY_layuipro' //设定一个id，防止重复弹出
                    ,
                btn: ['火速围观', '残忍拒绝'],
                btnAlign: 'c',
                moveType: 1 //拖拽模式，0或者1
                    ,
                content: '<div style="padding: 50px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;">你知道吗？亲！<br>layer ≠ layui<br><br>layer只是作为Layui的一个弹层模块，由于其用户基数较大，所以常常会有人以为layui是layerui<br><br>layer虽然已被 Layui 收编为内置的弹层模块，但仍然会作为一个独立组件全力维护、升级。<br><br>我们此后的征途是星辰大海 ^_^</div>',
                success: function(layero) {
                    var btn = layero.find('.layui-layer-btn');
                    btn.find('.layui-layer-btn0').attr({
                        href: 'http://www.layui.com/',
                        target: '_blank'
                    });
                }
            });
        },
        offset: function(othis) {
            var type = othis.data('type'),
                text = othis.text();
  
            layer.open({
                type: 1,
                offset: type //具体配置参考：http://www.layui.com/doc/modules/layer.html#offset
                    ,
                id: 'layerNotice' + type //防止重复弹出
                    ,
                content: '<div style="padding: 20px 100px;">' + text + '</div>',
                btn: '关闭全部',
                btnAlign: 'c' //按钮居中
                    ,
                shade: 0 //不显示遮罩
                    ,
                yes: function() {
                    layer.closeAll();
                }
            });
        }
    };
  
    $('#layerNotice .layui-btn').on('click', function() {
        var othis = $(this),
            method = othis.data('method');
        active[method] ? active[method].call(this, othis) : '';
    });
  });
  
  
  //---------------------------------------
  //原来定义的- 定义进度条切换组件 S 勿删
  // $(function() {
  //   $('[data-toggle="tooltip"]').tooltip()
  // })
  // $('.carousel').carousel({
  //   interval: 4000
  // })
  
  // num = 10;
  // $(function() {
  //   $('#test1').find('.rowDiv').css('backgroundImage', 'url(asset/img/p11.jpg)');
  //   $('.context').css('transform', 'translateY(-112px)');
  //   document.getElementById('titleImg').getElementsByTagName('img')[0].style.transform = 'scale(1)';
  //   let count = 0,
  //       bk = 0;
  //   setInterval(function() {
  //       if (num < 100) {
  //           num += 10;
  //           numT = num + '%';
  //           $('.layui-progress-bar').eq(0).css({
  //               'width': numT
  //           });
  //       } else {
  //           num = -10;
  //           if (count < 24) {
  //               $('#line01').find('img').eq(0).attr('src', 'asset/img/p' + count + '.jpg');
  //               if (count % 2 == 0) {
  //                   document.getElementById('titleImg').getElementsByTagName('img')[0].style.transform = 'scale(1.3)';
  //               } else {
  //                   document.getElementById('titleImg').getElementsByTagName('img')[0].style.transform = 'scale(1)';
  //               }
  //               count++;
  //           } else if (count >= 24) {
  //               count = 0;
  //               bk++;
  //               if (bk == 1) {
  //                   $('div').find('#background').css('background', 'url(asset/img/bk0.jpg)');
  //                   bk = 0;
  //               } else if (bk == 0) {
  //                   $('div').find('#background').css('background', 'url(asset/img/foreground.png)');
  //               }
  //           }
  //       }
  
  //   }, 600);
  // })
  //---------------------------------------
    //---------------------------------------
  //新定义的- 定义进度条切换组件 S
  $(function() {
    $('[data-toggle="tooltip"]').tooltip()
  })
  $('.carousel').carousel({
    interval: 4000
  })
  
  num = 10;
  $(function() {
    $('#test1').find('.rowDiv').css('backgroundImage', 'url(asset/img/p0.jpg)');
    // 按钮-文字展示位置
    $('.context').css('transform', 'translateY(-35px)');
    document.getElementById('titleImg').getElementsByTagName('img')[0].style.transform = 'scale(1)';
    let count = 0,
        bk = 0;
    setInterval(function() {
        if (num < 100) {
            num += 10;
            numT = num + '%';
            $('.layui-progress-bar').eq(0).css({
                'width': numT
            });
        } else {
            num = -10;
            /* 背景切换 */
            if (count < 2) {
                $('#line01').find('img').eq(0).attr('src', 'asset/img/p' + count + '.jpg');
                if (count % 2 == 0) {
                    document.getElementById('titleImg').getElementsByTagName('img')[0].style.transform = 'scale(1.3)';
                } else {
                    document.getElementById('titleImg').getElementsByTagName('img')[0].style.transform = 'scale(1)';
                }
                count++;
            } else if (count >= 2&&count < 4) {
                    /* 背景图 */
                    $('div').find('#background').css('background', 'url(asset/bg_img/bg1.jpg)');
                    count++;
                    console.log(count,'count')
            }
            else if (count >= 4&&count < 6) {
                    /* 背景图 */
                    count++;
                    $('div').find('#background').css('background', 'url(asset/bg_img/bg2.jpg)');
            }
            else if (count >= 6&&count< 8) {
                    /* 背景图 */
                    count++;
                    $('div').find('#background').css('background', 'url(asset/bg_img/bg3.jpg)');
            }
            else if (count >= 8) {
                /* 背景图 */
                count = 0;
                    $('div').find('#background').css('background', 'url(asset/bg_img/bg4.jpg)');
            }
        }
  
    }, 600);
  })